<template>
	<view class="content">
		<view class="nav">
			<image src="http://q79q98ocd.bkt.clouddn.com/back.png" @click="toPro()"></image>
			客户浏览
		</view>
		<view class="browse">
			<view class="date">03-11</view>
			<view class="dynamic" v-for="(item,index) in browseList">
				<view><image :src="item.img"></image></view>
				<view class="name">{{item.name}}</view>
				<view class="do">{{item.do}}</view>
				<view class="time">{{item.time}}</view>
			</view>
			<view class="date">03-10</view>
			<view class="dynamic dynamics" v-for="(item,index) in browsesList" :key="index">
				<view><image :src="item.img"></image></view>
				<view class="name">{{item.name}}</view>
				<view class="do">{{item.do}}</view>
				<view class="time">{{item.time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				browseList:[
					{img: '/static/img/header.png',name: '王先生',do: '访问了你的店铺',time: '11:12'},
					{img: '/static/img/headers.png',name: '王先生',do: '查看了你的商品',time: '11:12'},
				],
				browsesList:[
					{img: '/static/img/header.png',name: '王先生',do: '查看了你的评论',time: '11:12'},
					{img: '/static/img/headers.png',name: '王先生',do: '查看了你的动态',time: '11:12'},
					{img: '/static/img/header.png',name: '王先生',do: '查看了你的评论',time: '11:12'},
					{img: '/static/img/headers.png',name: '王先生',do: '查看了你的动态',time: '11:12'},
				]
			}
		},
		methods: {
			toPro(){
				uni.reLaunch({
					url: 'products'
				});
			},
		},
	}
</script>

<style lang="scss">
.content{
	.nav{
		padding: 70upx 0 10upx 0;
		text-align: center;
		position: relative;
		border-bottom: #F00;
		font-size:36upx;
		font-weight:500;
		color: #333;
		image{
			width: 35upx;
			height: 35upx;
			vertical-align: middle;
			position: absolute;
			left: 30upx;
			bottom: 16.5upx;
		}
	}
	.browse{
		padding: 0 35upx;
		.date{
			font-size:32upx;
			font-weight:400;
			color:#333;
			padding-top: 18upx;
		}
		.dynamic{
			overflow: hidden;
			margin-top: 37upx;
			position: relative;
			border-bottom: 1px solid #F2F2F2;
			padding-bottom: 19upx;
			line-height: 46upx;
			image{
				width: 90upx;
				height: 90upx;
				border: 1px dashed #B7B7B7;
				float: left;
				margin-right: 30upx;
			}
			.name{
				font-size:32upx;
				font-weight:400;
				color:#333;			
			}
			.do{
				font-size:28upx;
				font-weight:400;
				color:#999;		
			}
			.time{
				position: absolute;
				top: 30upx;
				right: 0upx;
				font-size:22upx;
				font-weight:500;
				color:#999;
			}
		}
		.dynamics{
			image{
				border: none;
			}
		}
	}
}
</style>
